<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

  <link href="Styles/aboutme.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="Js/jquery.min.js" ></script>
  
  <script type="text/javascript" src="Js/index/index.js"></script>
  
    <!-- 字体特效插件 -->
  <script type="text/javascript" src="Js/fonts/l-by-l.min.js"></script>
    
</head>

<body>
    <div class="main">
    	
        <!--头部-->
        <div class="top">
            <!--left-->
            <div class="top_left">
                <div class="tu_1">
                    <img src="Images/4.png"/>
                </div>
                <div class="word_1">
                    <span><strong>Lmyau's</strong></span>
                    <span><strong>Blog</strong></span>
                </div>
            </div>

            <!--middle-->
            <div class="top_middle">
                <ul>
                    <li><a href="index">博客</a></li>
                    <li><a href="aboutme">关于我</a></li>
                    <li><a href="connect">和我联系</a></li>
                </ul>
            </div>
        </div>
        <!--主体部分-->
        <div class="tail">
            <div class="tail_content">
				
				<!--主体左边部分开始 -->
                <div class="tail_left">
					<img alt="个人照片" src="Images/5.jpg">
               </div>
                <!--主体左边部分结束-->
				
			   <!--主体右边部分开始 -->
                <div class="tail_right">
					
					<div class="info_title"><span class="font_title intro_title"></span></div>
					
					<div class="info">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<span class="introduce">
						
						</span>
					</div>
					
					<div class="skill_title"><span class="font_title stitle"></span></div>
					<div class="skill">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main1"></span> <br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main2"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main3"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main4"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main5"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main6"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main7"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main8"></span><br/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="skill_main main9"></span><br/>
					</div>
					
					<div >
					
					</div>
					
               </div>
                <!--主体右边部分结束-->
            </div>
        </div>
    	
    	<div class="footers">
    		<span>&copy; 2018 Lmyau's Blog 版权所有 网站备案号: 豫A111111111</span>
    	</div>
    	
    </div>

</body>

<script>

	jQuery(document).ready(function($){
		
		$(".intro_title").lbyl({
			content: "个人简介",
			speed: 100,
			type: 'show',
			finished: function(){ 
				$('.introduce').lbyl({
					content:"生活上, 我是一个阳光, 积极向上的人；学习上,我是一个喜欢探索新技术，乐于分享心得的人；人际交往上,我是一个易于沟通的人。敢于面对困难和挑战，积极上进，能吃苦耐劳，时间观念强，喜欢学习新技术，能够自主学习，遇到不会的问题主动尝试解决，解决不了会虚心请教他人。",
					speed: 80,
					type: 'fade',
					fadeSpeed: 500,
					finished: function(){
						$('.stitle').lbyl({
							content:"掌握技能",
							speed: 80,
							type: 'fade',
							fadeSpeed: 500,
							finished:function(){
								$('.main1').lbyl({
									content:"ღ  熟悉Java编程，有扎实的编程基础和良好的编程习惯以及代码规范。",
									speed: 50,
									type: 'fade',
									fadeSpeed: 500,
									finished:function(){
										$('.main2').lbyl({
											content:"ღ  熟悉WEB应用研发的过程及常用的设计模式，熟练掌握JSP/Servlet。",
											speed: 50,
											type: 'fade',
											fadeSpeed: 500,
											finished:function(){
												$('.main3').lbyl({
													content:"ღ 了解Spring、SpringMVC、Mybatis开源框架，可以进行简单的整合开发。",
													speed: 50,
													type: 'fade',
													fadeSpeed: 500,
													finished:function(){
														$('.main4').lbyl({
															content:"ღ  熟练使用Eclipse，MyEclipse，Maven、Git等管理和构建工具。",
															speed: 50,
															type: 'fade',
															fadeSpeed: 500,
															finished:function(){
																$('.main5').lbyl({
																	content:"ღ  熟悉应用服务器软件Tomcat等容器配置和部署，能够简单的使用Linux。",
																	speed: 50,
																	type: 'fade',
																	fadeSpeed: 500,
																	finished:function(){
																		$('.main6').lbyl({
																			content:"ღ  能够运用JavaScript，Ajax，jQuery编写前台相关的简单的代码。",
																			speed: 50,
																			type: 'fade',
																			fadeSpeed: 500,
																			finished:function(){
																				$('.main7').lbyl({
																					content:"ღ  了解MySql、SQLserver，熟练使用sql语句，能进行简单的sql开发。",
																					speed: 50,
																					type: 'fade',
																					fadeSpeed: 500,
																					finished:function(){
																						$('.main8').lbyl({
																							content:"ღ  了解Redis的配置、使用及Java接口的应用。",
																							speed: 50,
																							type: 'fade',
																							fadeSpeed: 500,
																							finished:function(){
																								$('.main9').lbyl({
																									content:"ღ  了解Nginx的配置和使用。",
																									speed: 50,
																									type: 'fade',
																									fadeSpeed: 500
																								})
																							}
																						})
																					}
																				})
																			}
																		})
																	}
																})
															}
														})
													}
												})
											}
										})
									}
								})
							}
						})
					}
				})
			} // Finished Callback
		
		});

	});
	
</script>


</html>